<script setup>

</script>

<template>
  <div id="footer-components">
    <div class="footer-container">
      <div class="title">
        <router-link to="/" >©2025 橙答答AI答题应用平台</router-link>
      </div>
    </div>
  </div>
</template>

<style scoped>
#footer-components {
  width: 100%;
  min-height: 10vh;
  background-color: var(--color-fill-3);
}

.footer-container {
  margin: 0 auto;
  width: 70%;
}

.footer-container .title {
  padding: 10px 0;
  text-align: center;
}

.footer-container .title a {
  font-size: 14px;
  color: var(--color-text-2);
  text-decoration: none;
}

@media (max-width: 768px) {
  .footer-container {
    width: 100%;
  }
}
</style>
